import { Link } from 'react-router-dom';

export const Nav = () => {
  return (
    <div
      style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}
    >
      <div>大家好-我是Tab组件</div>
      <div>
        <li>
          <Link to={'/'}>回到首页</Link>
        </li>
        <li>
          <Link to={'/app1'}>App1</Link>
        </li>
        <li>
          <Link to={'/app2'}>App2</Link>
        </li>
        <li>
          <Link to={'/app3'}>App3</Link>
        </li>
        <li>
          <Link to={'/app4'}>App4</Link>
        </li>
        <li>
          <Link to={'/todos'}>Todos</Link>
        </li>
      </div>
    </div>
  );
};
